.tw-libname {
}
/* 标签过滤控件 */
// $filter-tag-height: 22px !default; // 标签高度
// $filter-tag-margin: $spacing-step !default; // 标签间距
// $filter-pane-border-color: $color-border-secondary !default; // 面板边框色
// $filter-tag-bg: $color-weaking !default; // 面板底色

// $filter-tag-height-mobile: 30px !default; // 标签移动端高度
// $filter-tag-margin-mobile: $spacing-step !default; // 标签间距



.tw-tagfilter.xopen {
  height: auto;
}

.tw-tagfilter-tags {
  flex: 1;
  padding-right: 30px;
  font-size: 0;
}



// @if ($app-type == web) {
//   .tw-tag.xfilter:hover {
//     @extend .tw-tag, .xfilter, .xactive;
//   }
// }

// @if ($app-type == mobile) {
//   .tw-tagfilter.xmobile {
//     height: auto;
//   }

//   .tw-tagfilter.xmobile .tw-tag.xfilter{
//     width:80px;
//     height: $filter-tag-height-mobile;
//     line-height: $filter-tag-height-mobile - 2;
//     margin:5px 4px;
//     font-size: $font-size-small;
//     border-radius: 2px;
//     @include ellipsis;
//   }

//   .tw-tagfilter.xmobile .tw-tagfilter-tags {
//     padding-right: 0;
//     margin-right: -4px;
//     margin-left: -4px;
//   }

//   // stylelint-disable
//   .tw-tagfilter.xmobile .tw-tag.xfilter.xactive{
//     color: $color-main;
//     border-color:$color-main;
//     background: #fff;
//   }

//   .tw-tagfilter.xmobile.xmiddle .tw-tag.xfilter {
//     width: 108px;
//   }

//     // 难度
//   .tw-tagfilter.xmobile.xdegree  .tw-tag.xfilter {
//     width:60px;
//     border-radius: $filter-tag-height-mobile /2;
//     font-size: $font-size-default;
//     color: $color-text-main;
//   }

//   .tw-tagfilter.xmobile.xdegree  .tw-tag.xfilter.xactive {
//     background: $color-main;
//     color: #fff;
//   }
// }

// tagfilter 突出鲜明（另外一种样式）

 
//  .tw-tagfilter.xobvious .tw-tag.xactive{
//     position: relative;
//     color: $color-main;
//     border-color: $color-main;
    
//     &:before{
//       content: '';
//       position: absolute;
//       right:0;
//       top:0;
//       width: 0;
//       height: 0;
//       border-top: 18px solid $color-main;
//       border-left: 18px solid transparent;
//     }

//     &:after{
//       content: "";
//       position: absolute;
//       top: 0px;
//       right: 3px;
//       width: 5px;
//       height: 8px;
//       border-bottom: 2px solid #fff;
//       border-right: 2px solid #fff;
//       transform: rotate(45deg);
//     }
//   } 

// -------------------- 筛选面板 --------------------
// 筛选面板: 容器
.tw-filterpane {
  padding: 15px;
  border-radius: 3px;
}

// 筛选面板: 容器边框


// 筛选面板: 容器有背景色


// 筛选面板: 筛选组边框线


.tw-filterpane > .tw-tagfilter:last-child {
  border-bottom: none;
}

// 筛选面板: 工具栏
.tw-filterpane-toolbar {
  padding-top: 10px;
  text-align: center;
}
.tw-btn {
    display: inline-block;
    min-width: 82px;
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
    font-size: 14px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 3px;
}
.tw-btn + .tw-btn {
    margin-left: 11px;
}
